﻿<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>超市订单管理系统</title>
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<link type="text/css" rel="stylesheet" href="../css/public.css" />
</head>
<body>
	<!--头部-->
	<header class="publicHeader">
		<h1>超市订单管理系统</h1>
		<div class="publicHeaderR">
			<p>
				<span>下午好！</span><span class="userName" style="color: #fff21b"> 用戶名</span> , 欢迎你！
			</p>
			<a href="javascript: logout();">退出</a>
		</div>
	</header>
	<!--时间-->
	<section class="publicTime">
		<span id="time">2015年1月1日 11:11 星期一</span> <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
	</section>
	<!--主体内容-->
	<section class="publicMian ">
		<div class="left">
			<h2 class="leftH2">
				<span class="span1"></span>功能列表 <span></span>
			</h2>
			<nav>
				<ul class="list">
					<li><a href="user_list.html">用户管理</a></li>
					<li><a href="#">供应商管理</a></li>
					<li><a href="#">订单管理</a></li>
					<li><a href="#">密码修改</a></li>
					<li><a href="#">退出系统</a></li>
				</ul>
			</nav>
		</div>
		<div class="right">
			<img class="wColck" src="../images/clock.jpg" alt="" />
			<div class="wFont">
				<h2 class="userName">用戶名</h2>
				<p>欢迎来到超市订单管理系统!</p>
			</div>
		</div>
	</section>
	<footer class="footer"> 版权归程龙 </footer>
	<script type="text/javascript" src="../js/time.js"></script>
	<script src="../js/jquery-3.5.1.js"></script>
	<script>
		//取出登录的用户名，显示到页面
		$(".userName").html(localStorage.userName);

		//用户退出
		function logout(){
			$.ajax({
				url: "../user/logout",
				dataType: "json",
				success: function(result){
					//清空本地保存的数据
					localStorage.clear();
					//跳转到首页
					location.href = "../login.html";
				},
				error: function(xhr){
					alert("请求出错："+xhr.status);
				}
			});
		}
	</script>
</body>
</html>